window.onload=function(){
    //当前的方法，只有在onload事件发生后才运行
  var tabTitles=document.querySelectorAll('li.tab-title');
  var tabContents=document.querySelectorAll('li.tab-content');
    for(let i=0;i<tabTitles.length;i++){
        tabTitles.onmouseover=function(){
            for(let j=0;j<tabTitles.length;j++){
                if(tabTitles[j]==this){
                    tabTitles[j].classList.add('active');
                    tabContents[j].classList.add('black');
                }else{
                    tabTitles[j].classList.remove('active');
                    tabContents[j].classList.remove('black');
                }
            }
        }
    }
}
  
